// pages/new/new.js
const QQMapWX = require('../../api/qqmap-wx-jssdk.min.js');
const qqmapsdk = new QQMapWX({
  key: '57FBZ-3D6KV-E2HPB-5PYWU-YKQIQ-CMFSZ' // 在腾讯地图开放平台申请得到的key
});

Page({
  /**
   * 页面的初始数据
   */
  data: {
    list:[],
    my_latitude:"",
    my_longitude:"",
    chooseAddress:"",
    addrList: [],//可从数据库通过api获取位置lat,lng列表
    distanceList: [] //获得每个地址到from位置的距离
  },

  calcDistanceFn(e){
    var _this = this, list=_this.data.addrList, latlng_list=[];
    for(var i in list){
      latlng_list.push({"latitude":list[i].lat, "longitude":list[i].lng});
    }
    console.log(latlng_list)
    //调用距离计算接口
    qqmapsdk.calculateDistance({
        mode: 'walking',//可选值：'driving'（驾车）、'walking'（步行），不填默认：'walking',可不填
        //from参数不填默认当前地址
        //获取表单提交的经纬度并设置from和to参数（示例为string格式）
        //若起点有数据则采用起点坐标，若为空默认当前地址
        from: {
          latitude: this.data.my_latitude,
          longitude: this.data.my_longitude
        }, //若起点有数据则采用起点坐标，若为空默认当前地址
        //收货人地址经纬度坐标，数据库从存储获得
        to: latlng_list, //终点坐标，可以为数组
        success: function(res) {//成功后的回调
          console.log(res);
          var res = res.result;
          var dis = [];
          for (var i = 0; i < res.elements.length; i++) {
            dis.push((res.elements[i].distance/1000).toFixed(2)); //将返回数据存入dis数组，显示单位km，默认为m
          }
          _this.setData({ //设置并更新distance数据
            distanceList: dis
          });
        },
        // fail: function(error) {
        //   console.error(error);
        // },
        // complete: function(res) {
        //   console.log(res);
        // }
    });
  },

  backfill: function (e) {
    var id = e.currentTarget.id;
    for (var i = 0; i < this.data.suggestion.length;i++){
      if(i == id){
        this.setData({
          backfill: this.data.suggestion[i].title
        });
      }  
    }
  },
 
//触发关键词输入提示事件
getsuggest: function(e) {
    var _this = this;
    //调用关键词提示接口
    qqmapsdk.getSuggestion({
      //获取输入框值并设置keyword参数
      keyword: e.detail.value, //用户输入的关键词，可设置固定值,如keyword:'KFC'
      //region:'北京', //设置城市名，限制关键词所示的地域范围，非必填参数
      success: function(res) {//搜索成功后的回调
        console.log(res);
        var sug = [];
        for (var i = 0; i < res.data.length; i++) {
          sug.push({ // 获取返回结果，放到sug数组中
            title: res.data[i].title,
            id: res.data[i].id,
            addr: res.data[i].address,
            city: res.data[i].city,
            district: res.data[i].district,
            latitude: res.data[i].location.lat,
            longitude: res.data[i].location.lng
          });
        }
        _this.setData({ //设置suggestion属性，将关键词搜索结果以列表形式展示
          suggestion: sug
        });
      },
      // fail: function(error) {
      //   console.error(error);
      // },
      // complete: function(res) {
      //   console.log(res);
      // }
    });
},

  chooseAddressFn(){
    let that=this
    wx.chooseLocation({
      latitude: that.data.latitude,
      longitude: that.data.longitude,
      success(e){
        that.setData({
          chooseAddress:e.address+e.name, 
          my_latitude: e.latitude,
          my_longitude: e.longitude,
        });
      }
    })
  },
  //获取当前位置信息，获得lat,lng国测局坐标系
  getMyLocation(){
    wx.getLocation({
        type: 'gcj02',
        isHighAccuracy:true,//高精度
        success (res) {
          that.setData({
            my_latitude:res.latitude,
            my_longitude:res.longitude
          })
          const speed = res.speed
          const accuracy = res.accuracy
          qqmapsdk = new QQMapWX({
            key: '57FBZ-3D6KV-E2HPB-5PYWU-YKQIQ-CMFSZ'
          });
          //根据经纬度逆解析成地址
          qqmapsdk.reverseGeocoder({
            location: {
              latitude: res.latitude,
              longitude: res.longitude
            },
            success: function (res) {
              console.log(res);
              var add = res.result.address;
              that.setData({
                chooseAddress: add //具体详细信息需另外填写（门牌号等）
              })
            },
            fail: function (res) {
              console.log(res);
            },
          })
        }
     })
  },

  newDetail(res){
    let id = res.currentTarget.dataset.id
    wx.redirectTo({
      url: '/pages/new_detail/new_detail?id='+id,
    })
  },

  getHouse(){
    wx.request({
      url: 'http://www.house.com/api/fw/getHouse',
      success:(res)=>{
        this.setData({
          list:res.data.data
        })
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getHouse()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})